<div class="search-container" [class.live]="placement==='live'">
  <div class="search-bar dropdown">
    <input #searchInput class="search-input" type="text" [ngModel]="inputValue" (ngModelChange)="onDataChange($event)" (click)="isShowSearchList=true" (blur)="hideList(searchInput.value)" placeholder="代码/简拼/名称">
    <i class="fa fa-search"></i>
  </div>
  <div class="search-menu dropdown-menu" *ngIf="isShowSearchList">
    <table class="table table-hover" cellspacing="0" cellpadding="1">
      <tbody class="search-result-rows">
        <tr *ngFor="let stock of searchStocks; let $even = even; let $index = index" (click)="selectSymbol(stock)" [ngClass]="{'even': $even, 'active': $index===selectedIndex-1}">
          <td [innerHTML]="stock.symbol | stripExtension" class="search-result-align-left"></td>
          <td [innerHTML]="stock.name" class="search-result-align-left"></td>
          <td [innerHTML]="stock.market | transMarket" class="search-result-align-right"></td>
        </tr>
        <tr class="empty-symbol" *ngIf="enableEmptyResult && !searchStocks.length" (click)="isShowSearchList=false">
          <td>无匹配股票!</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>